@import "~pc/styles/lib_var.less";
@import "~pc/styles/lib_screen.less";

.attachment {
  background: transparent !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;

  &>div {
    margin-right: 12px;
    margin-bottom: 12px;

    &:nth-child(3n) {
      margin-right: 0;
    }
  }
}

.addNewFileContainer {
  margin-bottom: 8px;

  .addNewFile {
    .icon {
      margin-right: 5px;
    }
  }
}

@media screen and (max-width: @w-md) {
  .attachment {
    justify-content: space-between;

    &>div {

      &:nth-child(3n) {
        margin-right: 12px;
      }

      &:nth-child(2n) {
        margin-right: 0;
      }
    }
  }
}